<!--
*******************************************************************************
 * Copyright © 2017-2018 VMware, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License
 * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing permissions and limitations under
 * the License.
 *
 * @author: Huaqiao Zhang, <huaqiaoz@vmware.com>
 *******************************************************************************
 -->
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>EdgeX Foundry Console</title>
	<link href="/vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="/vendors/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="/vendors/flatpickr/flatpickr.min.css">
	<link rel="stylesheet" href="/vendors/flatpickr/theme/confetti.css">
	<link rel="stylesheet" href="/vendors/bootstrap-table/bootstrap-table.min.css">
	<link href="/css/main.css" rel="stylesheet">
	<link href="/css/index.css" rel="stylesheet">
	<link href="/css/edgexfoundry.css" rel="stylesheet">

</head>

<body>
	<div class="main_shelter"></div>
	<div class="main_msgbox">
	</div>

	<!-- head bar begin. -->
	<div class="headbar">
		<ul>
			<li class="title">EdgeX Foundry Console <span class="version"></span></li>
			<li class="logout"><i class="fa fa-power-off fa-lg" aria-hidden="true"></i></li>
			<li class="notification"><i class="fa fa-bell-o fa-lg" aria-hidden="true"></i></li>
			<li class="user"><i class="fa fa-user-circle-o fa-lg" aria-hidden="true"></i></li>
		</ul>
	</div>

	<!-- center content begin. -->
	<div class="center">
		<ul class="nav nav-tabs" id="edgex-foundry-tabs-index-main" role="tablist">
			<li role="presentation" tabindex="edgex-foundry-tab-Gateway" class="edgex-tab" style="position:relative!important;">
				<button type="button" value="edgex-foundry-tab-Gateway" class="close" style="position:absolute!important;top:-2px;;right:4px;z-index:10;display:none;" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<a href="#edgex-foundry-tab-Gateway" aria-controls="edgex-foundry-tab-Gateway" role="tab" data-toggle="tab">
					<span class="text-success" style="font-weight:bold;">Gateway</span>
				</a>
			</li>
		</ul>

		<div class="tab-content" id="edgex-foundry-tabs-content" style="">

			<div role="tabpanel" class="tab-pane" id="edgex-foundry-tab-Gateway">
				<!-- <div class="panel panel-default"  style="border-top:0 ;">
					<div class="panel-body" style="padding:5px;">

					</div>
				</div> -->
			</div>

		</div>
	</div>

	<!-- side bar begin.-->
	<div class="sidebar">
		<div class="first_level">
			<ul>
				<!-- <li><i class="fa fa-sitemap"></i><a>Devices</a>
				</li>
				<div class="second_level">
					<ul>
						<li>sub menu</li>
					</ul>
				</div>
				<li><i class="fa fa-camera"></i>Multimedia</li>
				<li><i class="fa fa-share"></i>Export</li>
				<li><i class="fa fa-wrench"></i>Rule Engine</li> -->
			</ul>
		</div>
	</div>

	<!-- footer begin. -->
	<div class="footer"></div>
	<div>

	</div>


	<div id="org-edgexfoundry-alert-dialog" tabindex="-1" data-backdrop="static" class="modal"  role="dialog" >
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				</div>
				<div class="modal-body" style="height:80px;padding-top: 25px;">
					<h4></h4>
				</div>
			</div>
		</div>
	</div>

</body>
<script src="/vendors/jquery/jquery.min.js"></script>
<script src="/vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="/vendors/echarts/echarts.min.js" charset="UTF-8"></script>
<script src="/vendors/echarts/theme/wonderland.js" charset="UTF-8"></script>
<script src="/vendors/flatpickr/flatpickr.min.js"></script>
<script src="/vendors/bootbox/bootbox.min.js"></script>
<script src="/vendors/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/vendors/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
<script src="/js/edgexfoundry.js"></script>
<script src="/js/common.js"></script>
<script src="/js/main.js"></script>
<script src="/js/index.js"></script>

</html>
